<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data:">

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <link rel="stylesheet" href="../Style.css">
    <script src="../Script.js" defer></script>
</head>
<body>
    <img id="app-icon" width="128" height="128" alt="YouTube No Translation Icon">
    <p class="state-unknown">You can turn on No Translation for YouTube extension in Safari Extensions preferences.</p>
    <p class="state-on">No Translation for YouTube extension is currently on. You can turn it off in Safari Extensions preferences.</p>
    <p class="state-off">No Translation for YouTube extension is currently off. You can turn it on in Safari Extensions preferences.</p>
    <button class="open-preferences">Quit and Open Safari Extensions Preferences…</button>
</body>
</html>
